<template>

    <div>
      <svg-icon class-name="international-icon" icon-class="nested" @click.stop="click"/>
    </div>
    <el-dialog title="收货地址" :visible.sync="dialogFormVisible">
  
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
      </div>
    </el-dialog> 

</template>

<script>
export default {
  computed: {
    setting() {
      return 'global'
    }
  },
  data() {
    return {
      dialogFormVisible: false
    }
  },
  methods: {
    handleSetting(item) {
      
      if('global'=== item) {
        this.dialogFormVisible = true
      }

    },
    click() {
      this.dialogFormVisible = !this.dialogFormVisible
      if (this.dialogFormVisible) {
        this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus()
      }
    },
    close() {
      this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur()
      this.options = []
      this.dialogFormVisible = false
    },
  },
  watch:{
    show(value) {
      if (value) {
        document.body.addEventListener('click', this.close)
      } else {
        document.body.removeEventListener('click', this.close)
      }
    }
  }
   
}
</script>
